<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="it-IT">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="author" content="e-xtrategy s.r.l. - www.e-xtrategy.net" />
		<meta name="copyright" content="e-xtrategy s.r.l." />
		<title>maprollover Demo</title>
		<style type="text/css" media="screen">
			img{border:0;}
			#Mappa{margin:10px;}
		</style>
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("jquery", "1.3.1");
			google.load("jqueryui", "1.5.3");
		</script>
		<script type="text/javascript" src="../jquery.exmaprollover.js"></script>
		<script type="text/javascript">
			var InitPage = function(){
				var Options = {
						cl:'Europa',
						map:'#mapEuropa',
						defaultImage:'#Europa'	
				};
				$('#Europa').maprollover(Options);
			};
			
			$(document).ready(InitPage);
		</script>
	</head>
	<body>
		<div id="Mappa">
			<img usemap="#mapEuropa" src="layout/eu.jpg" class="Europa" id="Europa" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_ucr.jpg" class="Europa" id="Ucraina" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_bel.jpg" class="Europa" id="Belgio" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_fra.jpg" class="Europa" id="Francia" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_ger.jpg" class="Europa" id="Germania" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_lux.jpg" class="Europa" id="Lussemburgo" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_rus.jpg" class="Europa" id="Russia" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_ir+uk.jpg" class="Europa" id="Inghilterra" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_aus.jpg" class="Europa" id="Austria" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_pol.jpg" class="Europa" id="Polonia" alt="" />
			<img usemap="#mapEuropa" src="layout/eu_rom.jpg" class="Europa" id="Romania" alt="" />
			<map name="mapEuropa" id="mapEuropa">
				<area rel="Inghilterra" shape="poly" coords="170,101,167,137,143,141,122,161,121,181,158,184,169,191,157,208,178,209,208,206,213,198,220,186,196,135,203,122,197,109,211,83" href="#" alt="inghilterra" />
				<area rel="Francia" shape="poly" coords="221,206,216,215,201,223,185,222,186,233,173,227,161,228,157,238,174,243,187,261,173,300,216,316,227,306,245,307,259,304,256,272,251,268,258,254,264,232,231,223" href="#" alt="francia" />
				<area rel="Belgio" shape="poly" coords="222,206,229,203,237,204,243,205,251,207,249,209,251,216,250,224,234,223" href="#" alt="belgio" />
				<area rel="Lussemburgo" shape="poly" coords="253,215,248,227,261,230,261,224" href="#" alt="lussemburgo" />
				<area rel="Germania" shape="poly" coords="266,235,262,253,285,256,310,255,309,246,317,239,300,219,321,208,316,172,306,167,290,172,281,162,273,162,271,175,264,176,263,187,256,191,254,199,253,205,257,215,263,222" href="#" alt="germania" />
				<area rel="Russia" shape="poly" coords="388,4,392,15,398,24,399,29,414,36,396,78,415,82,398,92,401,111,411,126,426,129,436,141,449,148,446,159,448,167,463,165,470,174,474,3" href="#" alt="russia" />
				<area rel="Ucraina" shape="poly" coords="451,172,445,179,445,184,437,184,434,184,422,187,414,184,391,189,397,202,389,219,387,237,403,238,423,232,436,224,447,226,459,241,451,247,444,259,451,261,462,251,470,236,473,239,475,178,461,169" href="#" alt="ucraina" />
				<area rel="Russia" shape="poly" coords="365,146,371,150,377,150,378,158,358,162,355,157" href="#" alt="russia" />
				<area rel="Austria" shape="poly" coords="326,234,324,239,317,238,308,245,309,255,303,251,294,255,288,256,285,255,280,259,283,263,292,264,302,258,308,265,315,266,324,265,333,262,340,254,342,252,344,245,340,239,340,234,334,236" href="#" alt="austria" />
				<area rel="Polonia" shape="poly" coords="316,171,345,156,346,163,352,163,381,160,387,162,389,169,390,174,386,179,390,184,390,190,397,201,390,219,392,225,385,225,379,224,369,225,367,226,361,220,359,224,352,218,342,214,337,218,335,211,325,210,320,202,318,195,315,184" href="#" alt="polonia" />
				<area rel="Romania" shape="poly" coords="399,236,394,238,388,242,381,261,374,264,387,274,389,279,395,281,401,290,419,290,426,285,434,280,448,280,455,278,455,268,458,257,448,259,440,255,440,249,423,230,414,233,407,236" href="#" alt="romania" />
			</map>
		</div>		
		<a href="mailto:code@e-xtrategy.net" id="mail">ask info</a>
	</body>
</html>
